/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-notify() {
  // 通知背景色
  --ti-notify-bg-color: var(--ti-common-color-prompt-bg, #ebf6ff);
  // info类型弹框背景色
  --ti-notify-info-bg-color: var(--ti-common-color-prompt-bg, #ebf6ff);
  // info类型弹框左侧图标色
  --ti-notify-info-icon-color: var(--ti-common-color-prompt, #5e7ce0);
  // warning类型弹框背景色
  --ti-notify-warning-bg-color: var(--ti-common-color-warn-bg, #fff3e8);
  // warning类型弹框左侧图标色
  --ti-notify-warning-icon-color: var(--ti-common-color-warn, #fa9841);
  // error类型弹框背景色
  --ti-notify-error-bg-color: var(--ti-common-color-error-bg, #ffeeed);
  // error类型弹框左侧图标色
  --ti-notify-error-icon-color: var(--ti-common-color-error, #f66f6a);
  // success类型弹框背景色
  --ti-notify-success-bg-color: var(--ti-common-color-success-bg, #edfff9);
  // success类型弹框左侧图标色
  --ti-notify-success-icon-color: var(--ti-common-color-success, #50d4ab);
  // 通知文本色（没有效果）
  --ti-notify-text-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 弹框圆角
  --ti-notify-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 弹框文本色
  --ti-notify-title-text-color: var(--ti-common-color-info-normal, #252b3a);
  // 内容文本色
  --ti-notify-content-text-color: var(--ti-common-color-info-normal, #252b3a);
  // 弹框标题字号
  --ti-notify-title-font-size: var(--ti-common-font-size-1, 14px);
  // 通知标题字重（没有效果）
  --ti-notify-title-font-weight: var(--ti-common-font-weight-7, bold);
  // 弹框标题顶部外边距
  --ti-notify-title-margin-top: var(--ti-common-space-0, 0px);
  // 弹框标题水平外边距
  --ti-notify-title-margin-horizontal: var(--ti-common-space-0, 0px);
  // 弹框标题底部外边距
  --ti-notify-title-margin-bottom: var(--ti-common-space-2x, 8px);
  // 弹框标题换行(hide)
  --ti-notify-title-white-space: normal;
  // 弹框内容字号(没有效果，优先级被覆盖)
  --ti-notify-content-font-size: var(--ti-common-font-size-1, 14px);
  // 弹框文字顶部外边距
  --ti-notify-message-margin-top: var(--ti-common-space-0, 0px);
  // 弹框文字底部外边距
  --ti-notify-message-margin-bottom: var(--ti-common-space-0, 0px);
  // 弹框文字右外边距
  --ti-notify-message-margin-right: var(--ti-common-space-0, 0px);
  // 弹框文字左外边距
  --ti-notify-message-margin-left: var(--ti-common-space-10, 10px);
  // 弹框左侧图标尺寸
  --ti-notify-icon-size: var(--ti-common-font-size-5, 24px);
  // 弹框关闭图标色
  --ti-notify-close-icon-color: var(--ti-base-color-common-7, #252b3a);
  // 弹框最大宽度
  --ti-notify-max-width: 400px;
  // 弹框阴影
  --ti-notify-box-shadow: var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));
  // 弹框垂直方向内边距
  --ti-notify-padding-vertical: var(--ti-common-space-4x, 16px);
  // 弹框水平方向内边距
  --ti-notify-padding-horizontal: var(--ti-common-space-4x, 16px);
  // 关闭图标大小
  --ti-notify-close-icon-font-size: var(--ti-common-font-size-2, 16px);
  // 关闭图标悬浮时颜色
  --ti-notify-close-hover-icon-color: var(--ti-base-color-common-7, #252b3a);
  // 弹框为top-left方向时左边距
  --ti-notify-position-top-left: 10px;
  // 弹框为bottom-left方向时左边距
  --ti-notify-position-bottom-left: 10px;
  // 弹框为top-right方向时右边距
  --ti-notify-position-top-right: 10px;
  // 弹框为bottom-right方向时右边距
  --ti-notify-position-bottom-right: 10px;
  // 关闭图标位移
  --ti-notify-icon-transform: translate(0, -2px);
}
